.search-wrap {
    width: 100%;
    height: 100%;
    background: #f0f0f0;
    border-radius: 8px;
    box-sizing: border-box;
    padding: 0 32px;
    display: flex;
    align-items: center;
    .searchIcon {
      width: 28px;
      height: 28px;
      margin-right: 16px;
    }
    .searchInput {
      flex: 1;
      height: 40px;
      font-size: 28px;
      font-weight: 400;
      color: #333333;
      line-height: 40px;
      letter-spacing: 2px;
    }
    .inputPlaceholder {
      font-size: 28px;
      font-weight: 400;
      color: #cccccc;
    }
    .searchClear {
      margin-left: 16px;
      width: 60px;
      height: 100%;
      &.show{
        display: flex;
        justify-content: center;
        align-items: center;
      }
      &.hidden{
        display: hidden;
      }
      .icon {
        width: 36px;
        height: 36px;
      }
    }
}